/*
 * @Author: xuchao 
 * @Date: 2018-05-16 14:10:53 
 * @Last Modified by: xuchao
 * @Last Modified time: 2018-06-12 09:33:43
 */
import React, { Component } from 'react';
import { Link } from 'react-router-dom';
import { Layout } from 'antd';
import './style.less';

export default class Recruit extends Component {
    constructor(props){
        super(props)
        this.state = {
            list: [{
                url: require('@/static/images/recruit-1.png'),
                name: '连云港久爱网络公司',
                title: 'Java安全研发工程师【连云港   海州区】',
                time: '08:10发布',
                money: '10K-20K',
                data: '经验3-5年/本科'
            }, {
                url: require('@/static/images/recruit-2.png'),
                title: '系统安全集成工程师【连云港   连云区】',
                name: '连云港华舜网络科技有限公司',
                time: '13:24发布',
                money: '15K-25K',
                data: '经验3-5年/大专'
            }, {
                url: require('@/static/images/recruit-3.png'),
                title: '渗透测试工程师【连云港   连云区】',
                name: '连云港永泰网络技术有限公司',
                time: '08:42发布',
                money: '15K-25K',
                data: '经验3-5年/大专'
            }, {
                url: require('@/static/images/recruit-4.png'),
                title: '渗透测试工程师【连云港   海州区】',
                name: '连云港百贸网络工程有限公司',
                time: '09:33发布',
                money: '10K-15K',
                data: '经验1-2年/本科'
            }, {
                url: require('@/static/images/recruit-5.png'),
                title: '.NET安全研发工程师【连云港   赣榆区】',
                name: '连云港双元网络科技有限公司',
                time: '10:06发布',
                money: '13K-18K',
                data: '经验3-5年/本科'
            }, {
                url: require('@/static/images/recruit-6.png'),
                title: '系统安全工程师【连云港   赣榆区】',
                name: '连云港开创网络科技有限公司',
                time: '14:57发布',
                money: '7K-10K',
                data: '经验1-2年/大专'
            }, {
                url: require('@/static/images/recruit-7.png'),
                title: 'Java安全研发工程师【连云港   海州区】',
                name: '连云港信友科技',
                time: '15:21发布',
                money: '10K-15K',
                data: '经验1-3年/本科'
            }, {
                url: require('@/static/images/recruit-6.png'),
                title: '渗透测试工程师【连云港   海州区】',
                name: '连云港天马网络发展有限公司',
                time: '12:38发布',
                money: '10K-15K',
                data: '经验1-2年/本科'
            }]
        }
    }

    render() {
        const { list } = this.state;
        return (
            <Layout.Content className="recruit">
                <div className="banner animated fadeIn">
                    <div className="search">
                        <input type="text" placeholder="请输入你感兴趣的企业关键词" />
                        <button>
                            <i />搜索
                        </button>
                    </div>
                </div> 
                <div className="center">
                    <img src={require('@/static/images/talent.jpg')} alt=""/>
                    <h1>企业推荐</h1>
                    <ul>
                        {
                            list && list.map((item, index) => {
                                return (
                                    <li key={index}>
                                        <div className="title">
                                            {item.title}
                                        </div>
                                        <div className="context">
                                            <div className="person">
                                                <img src={item.url} alt=""/>
                                            </div>
                                            <div className="info">
                                                <h1>{item.title}<span >{item.time}</span></h1>
                                                <p><span class="fl">{item.money}</span><span class="fl">{item.data}</span></p>
                                            </div>
                                            <Link to="/talent/1">投递简历</Link>
                                        </div>
                                    </li>
                                )
                            })
                        }
                        
                    </ul>
                </div>
            </Layout.Content>
        );
    }
}